<template>
	<div class="set_list">
		<!-- 设置 -->
		<div class='free_nav'>
			<router-link to="/layout/found"><img src="../../../assets/icon-close45.png"></router-link>		
			<span>设置</span>
		</div>
		<!-- ........................................................ -->
		<div class="set_try">
			<h4>试听与下载</h4>
			<div class="set_box">
              <span>在线听歌品质</span>
              <div class="set_box_right">
              	<div class="set_box_left">
                	<img src="../../../assets/icon-next32.png">
                </div>
                <div class="set_box_sh">HQ高品质</div>
              </div>
			</div>

			<div class="set_box">
              <span>歌曲自动下载</span>
              <div class="set_box_right">
              	<div class="set_box_left">
                	<img src="../../../assets/icon-next32.png">
                </div>
                <div class="set_box_sh">标准品质</div>
              </div>
			</div>



			<div class="set_box">
              <span>边听边存</span>
              <div class="set_box_right">
              	<div class="set_box_left">
                	<img src="../../../assets/icon-next32.png">
                </div>
                <div class="set_box_sh">未开启</div>
              </div>
			</div>



			<div class="set_box">
              <span>歌曲存储位置设置</span>
              <div class="set_box_right">
              	<div class="set_box_left">
                	<img src="../../../assets/icon-next32.png">
                </div>
              </div>
			</div>



			<div class="set_boxy">
              <span>被系统中断后继续播放</span>
              <div class="set_box_right">
              	<div class="set_box_le">
                	<img src="../../../assets/weikaiqi.png">
                </div>
              </div>
			</div>
		    <!-- 。。。。。。。。。。。。。。。。。。。。。。。 -->
		    <div class="set_gong">
		    	<h4>功能与服务</h4>

		    	<div class="set_box">
                	<span>自动进入播放页面</span>
              		<div class="set_box_right">
	              		<div class="set_box_le">
	                		<img src="../../../assets/weikaiqi.png">
	                	</div>
              		</div>
			  	</div>

			  	<div class="set_box">
              		<span>QPlay与车载音乐</span>
	              	<div class="set_box_right">
		              	<div class="set_box_left">
		                	<img src="../../../assets/icon-next32.png">
		                </div>
              		</div>
				</div>
				<div class="set_box">
              		<span>传歌到手机</span>
	              	<div class="set_box_right">
		              	<div class="set_box_left">
		                	<img src="../../../assets/icon-next32.png">
		                </div>
              		</div>
				</div>
				<div class="set_boxy">
                	<span>铃声管理</span>
              		<div class="set_box_right">
	              		<div class="set_box_l">
	                		<img src="../../../assets/icon-next32.png">
	                	</div>
              		</div>
			  	</div>
		    </div>
		    <!-- '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' -->
		    <div class="set_gong">
		    	<h4>选用设置</h4>
		    	
		    	<div class="set_box">
                	<span>接受消息通知</span>
              		<div class="set_box_right">
	              		<div class="set_box_le">
	                		<img src="../../../assets/kaiqi.png">
	                	</div>
              		</div>
			  	</div>
			  		<div class="set_box">
              		<span>隐私设置</span>
	              	<div class="set_box_right">
		              	<div class="set_box_left">
		                	<img src="../../../assets/icon-next32.png">
		                </div>
              		</div>
				</div>
				<div class="set_box">
              		<span>流畅度设置</span>
	              	<div class="set_box_right">
		              	<div class="set_box_left">
		                	<img src="../../../assets/icon-next32.png">
		                </div>
              		</div>
				</div>
		    </div>
		</div>
		<!-- ................................................................ -->
         <!-- <musicPlayer></musicPlayer> -->
	</div>
</template>
<script>
import musicPlayer from '../../../components/music_player'
	export default {
		name:'set',
		data(){
			return{
				
			}
		},
		components:{
			musicPlayer
		}
	}
</script>
<style scoped lang="Less">
.set_list{
	width: 100%;
	overflow: hidden;
	padding-bottom: 98 / 100rem;
}
.free_nav{
	width: 100%;
	height: 88 / 100rem;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	background: url('../../../assets/daohang.png');
	background-size: 100%;
}

.free_nav img{
	width: 40 / 100rem;
	height: 40 / 100rem;
	display: inline-block;
    margin-left: 20 / 100rem;
    margin-top:  26 / 100rem;

}
.free_nav span{
	display: inline-block;
	margin-left: 285/ 100rem;
	font-size: 36 / 100rem;
	color: #ffffff;
}
/*...............................................*/
.set_try{
	width:100%;
	margin-top: 118 / 100rem;
}
.set_try h4{
	margin-left: 20 / 100rem;
	font-size: 30 / 100rem;
	color: #333333;
}
.set_box{
	width: 100%;
	height: 70 / 100rem;
	border-bottom: 1px solid #cccccc;
	line-height: 70 / 100rem;
	overflow: hidden;
	position: relative;
}
.set_box span{
    display: inline-block;
    margin-left: 50 / 100rem;
    font-size: 24 / 100rem;
    color: #333333;
}
.set_boxy span{
	 display: inline-block;
    margin-left: 50 / 100rem;
    font-size: 24 / 100rem;
    color: #333333;
}
.set_box_right{
	width: 200/ 100rem;
	height: 30 / 100rem;
	font-size: 24 / 100rem;
    color: #333333;
	float: right;
	margin-right: 20 / 100rem;
}
.set_box_right img{
	width: 20 / 100rem;
	height: 30 / 100rem; 
}
.set_box_sh{
	position: absolute;
	left: 578/ 100rem;

}
.set_boxy{
	width: 100%;
	height: 70 / 100rem;
	border-bottom: 20 / 100rem solid #cccccc;
	line-height: 70 / 100rem;
	overflow: hidden;
	position: relative;
}
.set_boxy img{
	width: 20 / 100rem;
	height: 30 / 100rem; 
}

.set_box_left{
	height: 70 / 100rem;
	margin-left: 20 / 100rem;
	position: absolute;
	top:5 / 100rem;
	right: 20 / 100rem;
}
.set_box_le{
	height: 70 / 100rem;
	margin-left: 20 / 100rem;
	position: absolute;
	top:5 / 100rem;
	right: 20 / 100rem;
}
.set_box_l{
	height: 70 / 100rem;
	margin-left: 20 / 100rem;
	position: absolute;
	top:5 / 100rem;
	right: 20 / 100rem;
}
.set_box_l img{
	width: 20 / 100rem;
	height: 30 / 100rem; 
}
.set_box_le img{
	width: 57 / 100rem;
	height: 27 / 100rem;
}
.set_gong h4{
	margin-left: 20 / 100rem;
	margin-top: 33 / 100rem;
	font-size: 30 / 100rem;
	color: #333333;
    margin-bottom: 12 / 100rem;
}
/*...................................................*/
	
</style>